// rcc
import React, { Component } from 'react';

export default class App extends Component {
  handleClick() {
    alert('点我干啥');
    console.log('1234  ----->  ', 1234);
    console.log('1234  ----->  ', 1234);
    console.log('1234  ----->  ', 1234);
  }

  render() {
    return (
      <div>
        <button
          // 👎
          // onClick={function () {
          //   alert(123);
          // }}

          // 1. ✅少量代码
          // onClick={() => alert(123)}

          // 2. ✅多行代码
          onClick={this.handleClick}

          // 💥常见的错误
          // 事件绑定的一定要是函数, 而不能是函数的调用
          // onClick={this.handleClick()}
          // 💥 没有字符串, 把函数放在{}中
          // onClick="this.handleClick"
        >
          点我
        </button>
      </div>
    );
  }
}
